<template>
    <div>
        <div class="box">
             <div class="top">
                <h2>后台管理</h2>
             </div>
             <div class="left">
                  <router-link to="/wangzhan">网站管理</router-link>
                  <br>
                  <router-link to="/vip">会员管理</router-link>
                  <br>
                  <router-link to="/cate">商品管理</router-link>
             </div>
             <div class="right">
                  <router-view></router-view>
             </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'MobanIndex',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
router-link{
    font-size: 40px;
}
      .box{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
      }
      .top{
        width: 100%;
        height: 100%;
        background-color: aqua;
      }
      .left{
        width: 20%;
        height: 100vh;
        background-color: cornflowerblue;
      }
      .right{
        width: 80%;
        height: 100vh;
        background-color: pink;
      }
</style>